* { border: 0; border-collapse: collapse; empty-cells: show; margin: 0; padding: 0; }
a:link, a:visited { background-color: transparent; border-bottom: 1px dotted #555; color: #1200ff; text-decoration: none; }
a:hover, a:active, a:focus { background-color: #eee; color: #555; text-decoration: none; }
a[rel=external] { background-image: url(images/extlink.gif); background-position: 0 50%; background-repeat: no-repeat; padding: 0 0 0 16px; }
h1, h2, h3, h4, h5, h6, legend { color: #690; font-size: 19px; font-weight: bold; letter-spacing: -0.018em; }
body { font: 12px/17px Verdana,'Bitstream Vera Sans',Helvetica,sans-serif; padding: 26px; }
/**************************************

	Links
/**************************************/
a, a:link, a:visited { color: #1200ff; }
a:hover, a:active, a:focus { color: #555; }

#debug { background-color: #f6f3f0; border: 1px dashed red; display: none; padding: 5px; }
#logo{background:url(images/jamal_logo.png) no-repeat 0 0; font-size: 40px; font-weight: bold; color:#000; padding: 40px 0 0 210px; height:40px; vertical-align:text-bottom;}

/**************************************


	Tabs CSS
/**************************************/
 /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.tabs-hide { display: none; }
/* Skin */
.tabs-nav { background: #f7f7f7 url(images/topbar_gradient.png) repeat-x 0 0; border: 1px solid #000; font: normal 10px/18px Verdana,'Bitstream Vera Sans',Helvetica,Arial,sans-serif; list-style: none; margin: .66em 0 .33em; }
/* clearing without presentational markup, IE gets extra treatment */
.tabs-nav:after { clear: both; content: ' '; display: block; }
	.tabs-nav li { border-right: 1px solid #000; float: left; }
	.tabs-nav li:hover, 
	.tabs-nav li:active, 
	.tabs-nav li:focus { background-color: #ccc; }
		.tabs-nav li a { background: transparent url(images/dots.gif) no-repeat 1px -1px; border: 0; padding: 0 20px; }
		.tabs-nav li a:link, 
		.tabs-nav li a:visited { background-color: transparent; color: #000; }
		.tabs-nav li a:hover, 
		.tabs-nav li a:active, 
		.tabs-nav li a:focus { background-color: #ccc; color: #000; }
			.tabs-nav li a span { }
	.tabs-nav li.tabs-selected { background: transparent url(images/topbar_gradient2.png) repeat-x 0 0; }
		.tabs-nav li.tabs-selected a { background-color: transparent; background-image: none; color: #fff; font-weight: bold; }
	.tabs-nav li.tabs-disabled { opacity: .4; }
		.tabs-nav li.tabs-disabled a:link, 
		.tabs-nav li.tabs-disabled a:visited, 
		.tabs-nav li.tabs-disabled a:hover,
		.tabs-nav li.tabs-disabled a:active, 
		.tabs-nav li.tabs-disabled a:focus { }
.tabs-container { background: #fff; border-top: 1px solid #97a5b0; padding: 1em 8px; /* declare background color for container to avoid distorted fonts in IE while fading */ }
.tabs-loading em { background: url(images/loading.gif) no-repeat 0 50%; padding: 0 0 0 20px; }
/**************************************

	Treeview
/**************************************/
.treeview, 
.treeview ul { list-style: none; padding: 0; margin: 0; }
	.treeview li { background: url(images/tv-item.gif) no-repeat 0 0; margin: 0; padding: 3px 0 3px 16px; }
.treeview .collapsable { background-image: url(images/tv-collapsable.gif); }
.treeview .expandable { background-image: url(images/tv-expandable.gif); }
.treeview .last { background-image: url(images/tv-item-last.gif); }
.treeview .lastCollapsable { background-image: url(images/tv-collapsable-last.gif); }
.treeview .lastExpandable { background-image: url(images/tv-expandable-last.gif); }

/**************************************

	Forms
****************************************/
/* input type text-> border, size, */
input[type="text"], 
textarea {border:1px solid #D7D7D7;padding:0.25em 0.5em;}
/**************************************

	Fieldsets
****************************************/
fieldset { background: url(images/bg-fieldset.png) repeat-x left bottom; border: 1px solid #000; display: block; margin: 0.5em 0; padding: 1em; }
	legend { padding: 2px 4px; cursor:pointer;}
	fieldset ul{margin: 3px 0 3px 15px}
	
/***************************************

	messages div
/***************************************/
.error_msg{background: #ffbbbb url(images/error.png) no-repeat 3px 50%; padding:5px 3px 5px 25px; margin:5px 0;  border:1px solid #DD4847; display:none; cursor:pointer;}
.success_msg{background: #7fe863 url(images/success.png) no-repeat 3px 50%; padding:3px 3px 3px 25px; border:1px solid #30a710; display:none; cursor:pointer;}
.file_incoming { background: #a8c0e2 url(images/add.png) no-repeat 3px 50%;  padding:3px 3px 3px 25px; border: 2px dashed #383b3e; color: #383b3e; display:none; cursor:pointer;}

/***************************************

	Buttons
/***************************************/
button { background: #f7f7f7 url(images/topbar_gradient.png) repeat-x 0 0; border: 1px solid #000; padding: 4px; }
	button:hover,
	button:focus,
	button:active { background: #778a65 url(images/topbar_gradient2.png) repeat-x 0 0; color: #fff; }
	/*button backgrounds */
	#btnBrowse p { background: transparent url(images/folder_find.png) no-repeat 2px 50%; padding: 2px 0 2px 22px; }
	#btnPackJamal p,
	#btnPackAll p,
	#btnPackApp p { background: transparent url(images/package_go.png) no-repeat 2px 50%; padding: 2px 0 2px 22px; }
	#btnSave p { background: transparent url(images/folder_heart.png) no-repeat 2px 50%; padding: 2px 0 2px 22px; }
	